﻿@using Config = UcAsp.Net.BLL.SettingConfig;
@{
    Layout = "~/themes/default/Shared/_Layout.cshtml";
}
@using UcAsp.Net.Model;
@using UcAsp.Net.BLL;
@using UcAsp.Net.Comm

@{
    UcAsp.Net.Model.Categories cate = ViewData["Categories"] as UcAsp.Net.Model.Categories;
    ViewBag.Title = cate.CategorieName + cate.KeyWords;
    ViewBag.Keywords = cate.CategorieName+cate.KeyWords;
    ViewBag.Description = cate.CategorieName + cate.KeyWords +UcAsp.Net.Comm.Utils.RemoveHtml(cate.Remark);;
}
@model List<UcAsp.Net.Model.ArticelsViews>
<div class="container-fluid headerpath">
    @(new HtmlString(Categorie.MenuPath(cate.ID)))
</div>
<style>

        .box img {
            width: 100%;
        }
</style>
               <div class="home_subject_content">
                   @foreach (ArticelsViews art in Model)
                   {
                       <div class="subject_content @{<text>v</text>@art.ID;} img-thumbnail">
                           <div class="subject_content_img ">
                               <a href="/@art.CagegorieShowPath/@(Utils.GetPagePath(art.ShowPath, art.ID)).shtml">
                                   <img src="@art.IconUrl" class="img-rounded" />
                               </a>
                           </div>
                           <div class="subject_text">
                               <a href="/@art.CagegorieShowPath/@(Utils.GetPagePath(art.ShowPath, art.ID)).shtml">
                                   <div class="subject_text_title">@(UcAsp.Net.Comm.Utils.ClearPart(art.Title, 18))</div>
                                   <div class="subject_text_content">@(Utils.ClearPart(UcAsp.Net.Comm.Utils.RemoveHtml(art.ArticleContent), 80))</div>
                               </a>
                           </div>
                       </div>
                   }
                   <div style="clear:both;"></div>
               </div>
<!--<div id="masonry" class="container">
    @{
        foreach (UcAsp.Net.Model.ArticelsViews pptart in Model)
        {
        <div class="ppt">

            <div class="img">
                <a href="/@pptart.CagegorieShowPath/@(Utils.GetPagePath(pptart.ShowPath, pptart.ID)).shtml"  alt="@pptart.Title">
                    <img class="img-responsive" alt="@pptart.Title" src="@pptart.IconUrl" />
                </a>
            </div>
            <div class="txt">

                <h3><a href="/@pptart.CagegorieShowPath/@(Utils.GetPagePath(pptart.ShowPath, pptart.ID)).shtml"  alt="@pptart.Title">@(Utils.ClearPart(pptart.Title, 20))</a></h3>
                <span><a href="/@pptart.CagegorieShowPath/">@pptart.CategorieName</a></span>
                <div class="xx">
                    @(Utils.ClearPart(UcAsp.Net.Comm.Utils.RemoveHtml(pptart.ArticleContent), 100))
                </div>
            </div>
            
        </div>
        }
    }
</div>-->
@for (int i = 1; i < Convert.ToInt32(ViewData["PageCount"]); i++)
{
    if (i == 1)
    {
    <a href="/@cate.ShowPath/index.shtml">@i</a>
    }
    else
    {
    <a href="/@cate.ShowPath/@{<text>index_</text>@i<text>.shtml</text>}">@i</a>
    }
}

<div class="bottom">
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
</div>
@section javascript{
    <script src="/themes/default/Resources/js/jquery.masonry.min.js"></script>
    <script>
        $(function () {
            $(".ppt").hover(function () {
                $(this).find(".xx").css('display', 'block');
                $(this).find(".xx").collapse('show');

            }, function () {
                $(this).find(".xx").collapse('hide');

            });
            $('#masonry').imagesLoaded(function () {
                $('#masonry').masonry({
                    itemSelector: '.ppt'
                });
            })
            
        })
    </script>
}